<!-- 网页logo -->
<script lang="ts" setup>
import { useRouter } from 'vue-router'

const router = useRouter()
function turnToHome() {
  router.push('/')
}
</script>
<template>
  <div class="flex items-center cursor-pointer d-logo animate__animated">
    <a href="#" @click="turnToHome" class="flex mr-2 w-24 min-w-16">
      <img class="size-full shrink-0" src="@/assets/logo.png" alt="logo" />
    </a>
  </div>
</template>

<style scoped lang="less">
.d-logo {
  font-family: 'Courier New', Courier, monospace;

  &:hover {
    animation-name: bounce;
  }
}
</style>
